<template>
  <div>
    <component :is="one"></component>

    <div class="center">
      <div id="container" >
        <div id="content2">
          <table width="100%" height="41"  border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="15" height="18" align="left" valign="top"><div align="left"></div></td>
              <td width="385" align="left" valign="bottom" class="12">&nbsp;</td>
            </tr>
            <tr>
              <td height="4" colspan="2" align="left" valign="bottom"></td>
            </tr>
            <tr>
              <td height="15" align="left" valign="top">&nbsp;</td>
              <td height="15" align="left" valign="top" class="12"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="20" align="center"><div class="right_proaducts">
                    <div align="left">我的位置&gt;&gt;科技项目申报&gt;专家信息<br />
                      <br />
                    </div>
                  </div>
                    <!--              <form action="rts.html" method="post" id="form">-->
<!--                    <DIV class=padding>
                      <DIV id=middlebody>-->
                        <table cellspacing="0" cellpadding="0" width="100%" border="0">
                          <tbody>
                          <tr>
                            <td><div align="left">|&nbsp;&nbsp;欢迎,admin&nbsp;&nbsp;|&nbsp;&nbsp;
                              <a  class="table_t"  href="#/">注销      </a>&nbsp;&nbsp;|&nbsp;&nbsp;
                              <a href="javascript:history.go(-1)">后退</a>&nbsp;&nbsp;|</div></td>
                              <td>
                                <div align="center"><a
                                        href="#/admin/showusers">登录用户管理</a>
                                </div>
                            </td>
                            <td>
                                <div align="center"><a
                                        href="#/admin/showexperts">专家信息管理</a>
                                </div>
                            </td>
                            <td height="50">
                                <div align="center"><a
                                        href="#/admin/showunits">单位信息管理</a>
                                </div>
                            </td>
                            <td>
                                <div align="center"><a
                                        href="#/admin/showprojectCategorys">项目管理</a>
                                </div>
                            </td>
                          </tr>
                          </tbody>
                        </table>
                        <table id="app" width="50%" border="0" cellpadding="0" cellspacing="1">
                          <tr>
                            <td width="19%" height="20" align="middle" bgcolor="#f3f3f3"><div align="center">名称 </div></td>
                            <td width="81%" height="20" bgcolor="#f3f3f3"><div align="left">
                              <input id="name"  v-model="expert.name" />
                            </div></td>
                          </tr>
                          <tr>
                            <td height="20" align="middle" bgcolor="#f3f3f3"><div align="center">单位 </div></td>
                            <td height="20" bgcolor="#f3f3f3"><div align="left">
                              <input id="expert.unitname" v-model="expert.unitname" />
                            </div></td>
                          </tr>
                          <tr>
                            <td height="20" align="middle" bgcolor="#f3f3f3"><div align="center">国籍 </div></td>
                            <td height="20" bgcolor="#f3f3f3"><div align="left">
                              <input id="nation" v-model="expert.nation" />
                            </div></td>
                          </tr>
                          <tr>
                            <td height="20" align="middle" bgcolor="#f3f3f3"><div align="center">性别 </div></td>
                            <td height="20" bgcolor="#f3f3f3"><div align="left">
                              <!-- <input id="sex" v-model="expert.sex" /> -->
                              <select name="select" size="1" v-model="expert.sex">
                                <option value="0">女</option>
                                <option value="1">男</option>
                              </select>
                            </div></td>
                          </tr>
                          <tr>
                            <td height="20" align="middle" bgcolor="#f3f3f3"><div align="center">职称 </div></td>
                            <td height="20" bgcolor="#f3f3f3"><div align="left">
                              <input id="title" v-model="expert.title" />
                            </div></td>
                          </tr>
                          <tr>
                            <td height="20" align="middle" bgcolor="#f3f3f3"><div align="center">电话 </div></td>
                            <td height="20" bgcolor="#f3f3f3"><div align="left">
                              <input id="expert.tel" v-model="expert.tel" />
                            </div></td>
                          </tr>
                          <tr>
                            <td height="20" align="middle" bgcolor="#f3f3f3"><div align="center">简介 </div></td>
                            <td height="20" bgcolor="#f3f3f3"><div align="left">
                              <input id="expert.introduction" v-model="expert.introduction" />
                            </div></td>
                          </tr>
                          <tr>
                            <td height="30" align="middle" bgcolor="#f3f3f3">&nbsp;</td>
                            <td height="30" align="middle" bgcolor="#f3f3f3"><div align="left">
                              <!--                      <input id="submit2" type="submit" value="修改" name="submit6" />-->
                              <button @click="updateExpert()">修改</button>

                              <input id="button22" type="reset" value="取消" name="button22" />
                            </div></td>
                          </tr>
                        </table>
                        <div></div>
                        <!--              </form>-->
                  </td>
                </tr>
              </table>
                <br/>
                <div class="table_wz"></div></td>
            </tr>
          </table>
        </div>
      </div>
    </div>

    <component :is="two"></component>
  </div>
</template>
<script>
    import four from '../../util/four';
    import aaa from '@/components/header.vue'
    import bbb from '@/components/footer.vue'
    const options = {
        data() {
            return {
              one: 'aaa',
                two: 'bbb',
                expert: {},
            }
        },
        components:{
            aaa,bbb
        },
        mounted() {
            this.getExpert();
        },
        methods: {
            getExpert() {
                let parse = JSON.parse(sessionStorage.getItem("expert"));
                this.expert = parse;
            },
            updateExpert() {
                four.put("/experts", this.expert).then((res) => {
                    if (res.data.code == 20031) {
                        this.$message.success("修改成功！");
                    }
                    if (res.data.code == 20030) {
                        this.$message.success("修改失败！");
                    }
                }).finally(() => {
                    this.$router.push('/admin/showexperts')

                })
            },
        }
    }
    export default options;
</script>